<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的工单</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="css/ydui.css?rev=@@hash"/>
    <link href="css/photoswipe.css" type="text/css" rel="stylesheet" />
    <link href="css/pullToRefresh.css" type="text/css" rel="stylesheet" />
    <script src="js/ydui.flexible.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/iscroll.js"></script>
    <script src="js/pullToRefresh.js"></script>
    <script src="js/ydui.js"></script>
    <script src="js/index.js"></script>
    <script src="js/klass.min.js"></script>
    <script src="js/code.photoswipe-3.0.5.min.js"></script>
    <script type="text/javascript">
		(function(window, PhotoSwipe){		
			document.addEventListener('DOMContentLoaded', function(){			
				var
					options = {},
					instance = PhotoSwipe.attach( window.document.querySelectorAll('.imgList a'), options );			
			}, false);				
		}(window, window.Code.PhotoSwipe));		
	</script>
</head>
<body>
<section class="g-flexview">
    <div class="g-scrollview">
    	<div id="J_ListContent" class="curWtList">
		<ul class="cjwtList">
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
			<li>
				<div class="qContent">
					<div class="indexNum">2</div>
					<div class="title">标题标题标题标题标题标题</div>
					<img src="img/bottom.png" alt="">
				</div>
				<div class="qDes">
					<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>
					<div class="m-grids-4 imgList">
					    <a href="img/full/001.jpg" class="grids-item">
							<img src="img/thumb/001.jpg" alt="Image 001">
					    </a>
					    <a href="img/full/002.jpg" class="grids-item">
							<img src="img/thumb/002.jpg" alt="Image 002">
					    </a>
					    <a href="img/full/003.jpg" class="grids-item">
							<img src="img/thumb/003.jpg" alt="Image 003">
					    </a>
					    <a href="img/full/004.jpg" class="grids-item">
							<img src="img/thumb/004.jpg" alt="Image 004">
					    </a>
					</div>
				</div>
			</li>
		</ul>
		</div>
    </div>
    <div class="creatGd">
		<p>版权所有：@深圳博纳信息公司</p>
	</div>
</section>
<script>
refresher.init({
	id:"J_ListContent",
	pullDownAction:Refresh,
	});
		
	var generatedCount = 0;
function Refresh() {
	console.info(55)
	setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!
	var html=	'<li>' +
			'<div class="qContent">' +
				'<div class="indexNum">2</div>' +
				'<div class="title">标题标题标题标题标题标题</div>' +
				'<img src="img/bottom.png" alt="">' +
			'</div>' +
			'<div class="qDes">' +
				'<p>这是回答这是回答这是回答这是回答这是回答这是回答这是回答</p>' +
				'<div class="m-grids-4 imgList">' +
				    '<a href="img/full/001.jpg" class="grids-item">' +
						'<img src="img/thumb/001.jpg" alt="Image 001">' +
				    '</a>' +
				    '<a href="img/full/002.jpg" class="grids-item">' +
						'<img src="img/thumb/002.jpg" alt="Image 002">' +
				    '</a>' +
				    '<a href="img/full/003.jpg" class="grids-item">' +
						'<img src="img/thumb/003.jpg" alt="Image 003">' +
				    '</a>' +
				    '<a href="img/full/004.jpg" class="grids-item">' +
						'<img src="img/thumb/004.jpg" alt="Image 004">' +
				    '</a>' +
				'</div>' +
			'</div>' +
		'</li>';
		$('#J_ListContent ul').append(html)
		myScroll.refresh();/****remember to refresh when you action was completed！！！****/
	}, 1000);
}
	$(function(){
		$('#pullDown').hide()
	})
</script>
</body>
</html>
